$(function () {
    // 获取地址栏传过来的参数
    var categoryid = GetQueryString("categoryid");
    // console.log(categoryid);
    var currentPage = 1;
    

    getCategoryNav(categoryid);
    // getProductList(categoryid,currentPage);

    // 生成当前分类
    function getCategoryNav(categoryid) {
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getcategorybyid",
            data: {
                categoryid: categoryid || 0
            },
            dataType: "json",
            success: function (res) {
                // console.log(res.result);
                var liItem = $('<li class="active">' + res.result[0].category + '</li>');
                liItem.attr("data-categoryid", res.result[0].categoryId);
                liItem.appendTo(".breadcrumb_yhr");
            }
        });
    }


    // 生成产品列表 
    ProductAjax(categoryid, currentPage, function (res) {
        // console.log(res.result);
        var htmlStr = template("tp_list", res.result);
        // console.log(htmlStr);
        $(".list_container .list_content").html(htmlStr);

    });

    // 生成分页列表
    ProductAjax(categoryid, currentPage, function (res) {
        var pagesize = res.pagesize; //每页大小
        var totalCount = res.totalCount; //总条数
        var pageCount = Math.ceil(totalCount / pagesize);   //总页码数
        // console.log(pageCount);
        var optionList = '';
        for (var i = 1; i <= pageCount; i++) {
            optionList += '<option value="' + i + '">' + i + '/' + pageCount + '</option>';
        }
        // console.log(optionList);
        document.querySelector('.pagesList select').innerHTML = optionList;

    });

    function ProductAjax(categoryid, currentPage, fn) {
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getproductlist",
            data: {
                "categoryid": categoryid || 0,
                "pageid": currentPage || 1
            },
            dataType: "json",
            success: function (res) {
                fn(res);
            }
        });
    }


    // 正则获取地址栏id
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }


    // 返回顶部按钮
    $(".mmb_foot1_module a:nth-child(3)").on("click", function () {
        $("body,html").animate({ scrollTop: 0 }, 500);
    });


    // 分页插件部分 ============================
    // 上一页点击事件
    $(".prev a").on("click", function () {
        currentPage--;
        var optList = $('.pagesList select option');
        if (currentPage <= 0) {
            currentPage = 1;
        }
        // 切换页码
        $(optList[currentPage-1]).prop("selected","true");
        // 渲染数据
        ProductAjax(categoryid, currentPage, function (res) {
            // console.log(res.result);
            var htmlStr = template("tp_list", res.result);
            // console.log(htmlStr);
            $(".list_container .list_content").html(htmlStr);
    
        });
    });
    // 下一页点击事件
    $(".next a").on("click", function () {
        currentPage++;
        var optList = $('.pagesList select option');
        if (currentPage >= optList.length) {
            currentPage = optList.length;
        }
        // console.log(optList);
        // for (var i = 0; i < optList.length; i++) {
        //     var pageId = $(optList[i]).attr("value");
        //     if (pageId == currentPage) {
        //         // 切换分页按钮
        //         $(optList[i]).prop("selected","true");
        //         break;
        //     }
        // }
        // 切换页码
        $(optList[currentPage-1]).prop("selected","true");
        // 渲染数据
        ProductAjax(categoryid, currentPage, function (res) {
            // console.log(res.result);
            var htmlStr = template("tp_list", res.result);
            // console.log(htmlStr);
            $(".list_container .list_content").html(htmlStr);
    
        });
    });
    // 切换页码事件
   $(".pagesList select").on("change",function () {
    //   console.log(1); 
        for (var i = 0; i < $(this).children().length; i++) {
            // console.log($($(this).children()[i]).prop("selected"));;
            if($($(this).children()[i]).prop("selected")){
                currentPage = $($(this).children()[i]).attr("value");

                // 渲染数据
                ProductAjax(categoryid, currentPage, function (res) {
                    // console.log(res.result);
                    var htmlStr = template("tp_list", res.result);
                    // console.log(htmlStr);
                    $(".list_container .list_content").html(htmlStr);
                
                });
                break;
            }
        }
   });




});